import clsx from 'clsx';

import './style.scss';

interface A4APlusWpComLogoProps {
	size?: number;
	className?: string;
}

const LOGO_COLOR_PRIMARY = '#029CD7';
const LOGO_COLOR_SECONDARY = '#021A23';

const A4APlusWpComLogo = ( { size = 32, className }: A4APlusWpComLogoProps ) => {
	const classes = clsx( className );

	return (
		<svg className={ classes } width="190" height={ size } viewBox="0 0 190 64">
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M58.5174 31.1947C58.5174 19.6657 50.0927 9.38372 34.8597 9.38372C19.6268 9.38372 11.2912 19.6657 11.2912 31.1947V32.626C11.2912 44.1566 19.6268 54.6146 34.8597 54.6146C50.0927 54.6146 58.5174 44.1566 58.5174 32.626V31.1947ZM34.8597 64C13.7107 64 0 48.8057 0 32.983V31.0187C0 14.9261 13.7107 0 34.8597 0C56.0995 0 69.8102 14.9261 69.8102 31.0187V32.983C69.8102 48.8057 56.0995 64 34.8597 64Z"
				fill={ LOGO_COLOR_PRIMARY }
			/>
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M42.3512 21.1195C44.282 22.3851 44.8234 25.0161 43.5704 26.9905L33.8039 42.3712C32.5493 44.3472 29.968 44.9188 28.0403 43.6532C26.1127 42.3842 25.565 39.7598 26.8211 37.7838L36.5877 22.4031C37.8422 20.4287 40.4236 19.8554 42.3512 21.1195Z"
				fill={ LOGO_COLOR_SECONDARY }
			/>
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M96.8102 32.5V37.5H98.3102V32.5H103.31V31H98.3102V26H96.8102V31H91.8102V32.5H96.8102Z"
				fill="#1E1E1E"
				stroke="#1E1E1E"
				strokeWidth={ 3 }
			/>
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M189.81 32C189.81 14.368 175.442 0 157.81 0C140.146 0 125.81 14.368 125.81 32C125.81 49.664 140.146 64 157.81 64C175.442 64 189.81 49.664 189.81 32ZM150.706 49.184L139.794 19.904C141.554 19.84 143.538 19.648 143.538 19.648C145.138 19.456 144.946 16.032 143.346 16.096C143.346 16.096 138.706 16.448 135.762 16.448C135.186 16.448 134.578 16.448 133.906 16.416C138.994 8.60803 147.794 3.55203 157.81 3.55203C165.266 3.55203 172.05 6.33603 177.17 11.04C174.994 10.688 171.89 12.288 171.89 16.096C171.89 18.1696 172.994 19.9487 174.236 21.949C174.412 22.2331 174.591 22.5216 174.77 22.816C175.89 24.768 176.53 27.168 176.53 30.688C176.53 35.456 172.05 46.688 172.05 46.688L162.354 19.904C164.082 19.84 164.978 19.36 164.978 19.36C166.578 19.2 166.386 15.36 164.786 15.456C164.786 15.456 160.178 15.84 157.17 15.84C154.386 15.84 149.714 15.456 149.714 15.456C148.114 15.36 147.922 19.296 149.522 19.36L152.466 19.616L156.498 30.528L150.706 49.184ZM181.592 31.8141L181.522 32C179.203 38.1047 176.902 44.2619 174.605 50.4069L174.602 50.4163L174.594 50.437C173.788 52.5925 172.983 54.7464 172.178 56.896C180.722 51.968 186.258 42.528 186.258 32C186.258 27.072 185.138 22.528 182.898 18.4C183.861 25.7917 182.382 29.717 181.592 31.8141ZM145.33 57.888C135.794 53.28 129.362 43.296 129.362 32C129.362 27.84 130.098 24.064 131.666 20.512C132.624 23.1352 133.581 25.7598 134.539 28.3853L134.542 28.3926L134.543 28.3947C138.129 38.2248 141.72 48.0663 145.33 57.888ZM166.482 59.008L158.226 36.672C156.705 41.1592 155.173 45.6464 153.636 50.147C152.586 53.221 151.534 56.3012 150.482 59.392C152.786 60.096 155.282 60.448 157.81 60.448C160.85 60.448 163.73 59.936 166.482 59.008Z"
				fill="#101517"
			/>
		</svg>
	);
};

export default A4APlusWpComLogo;
